<template>
	<div>
		<home-header :city="city"></home-header>
		<home-swiper :list="swiperList"></home-swiper>
		<home-icons :list="iconsList"></home-icons>
		<home-recommend :list="recommendList"></home-recommend>
		<home-weekend :list="weekendList"></home-weekend>
	</div>
</template>

<script>
	import HomeHeader from './components/Header'
	import HomeSwiper from './components/Swiper'
	import HomeIcons from './components/Icons'
	import HomeRecommend from './components/Recommend'
	import HomeWeekend from './components/Weekend'
	import axios from 'axios'
	export default {
		name:"Home",
		components:{
			HomeHeader,
			HomeSwiper,
			HomeIcons,
			HomeRecommend,
			HomeWeekend
		},
		data(){
			return{
				city:'',
				swiperList:[],
				iconsList:[],
				recommendList:[],
				weekendList:[]
			}
		},
		methods:{
			getHomeInfo(){
				axios.get('/api/index.json')
					.then(this.getHomeInfoSucc)
			},
			getHomeInfoSucc(res){
				console.log(res)
				if(res.data.ret == true){
					this.city = res.data.data.city
					this.swiperList = res.data.data.swiperDate
					this.iconsList = res.data.data.iconDate
					this.recommendList = res.data.data.recommendDate
					this.weekendList = res.data.data.weekendDate
				}
			}
		},
		mounted(){
			this.getHomeInfo()
		}
	}	
</script>

<style>
	
</style>